<html>
<head>
<title>TrackIn</title>
<script type="text/javascript"
	src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/smart-wheel/js/main.js">
	
</script>
<link rel="stylesheet" type="text/css" href="/smart-wheel/css/main.css"
	media="screen" />
</head>
<body>
	<div id="main">

		<div id="user" class="leftSide">
			<span>Hi SWCLUJ! </span><span style="float: right;">See your drives for 02/03/2014</span>
		</div>
		<div id="menu" class="leftSide">
			<div id="chartView" class="menuElem"><span>Chart view</span></div>
			<div class="menuElem" id="mapView"><span>Map view</span></div>

			<div id="fuel">
				<br/> 
				<div id="km">
					<span id="fuelCost">Fuel : 5.4RON </span>
					<br/>
					<span id="km"> KM : 2.5 </span>
				</div>
				<div>
					
				</div>
			</div>
		</div>
		<div id="content">

			<div id="displayElem">
				<div id="chartContent">
					<iframe src="http://localhost:8080/smart-wheel/chart-display/fuel?uid=<%=request.getParameter("uid")%>"
						width="632" height="280" frameBorder="0" seamless="seamless"
						scrolling="no">Browser not compatible</iframe>
				</div>
				<div id="mapContent">
					<iframe src="http://localhost:8080/smart-wheel/map-display/speed?uid=<%=request.getParameter("uid")%>"
						width="632" height="280" frameBorder="0" seamless="seamless"
						scrolling="no">Browser not compatible</iframe>
				</div>
			</div>
		</div>

	</div>
</body>
</html>
